<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Buenas Practicas</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/datepicker.css" %}">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
    </head>

    <body>

        {% include "topmenu.html" %} <!-- Top menu -->
        <div class="container">

            <div class="row-fluid">
                {% include "sidebar.html" %} <!-- Side bar -->
                <!-- Formulario de Buenas Practicas -->
                <div class="span9">
                    <div class="page-header">
                        <h2>{{bp.universidad.nombre}}</h2>
                    </div>
                    {%if bp.dimension == 1 %}
                    <div class="page-header">
                        <h3>Formulario de Buenas Prácticas en Formación Continua</h3>
                    </div>
                    {%elif bp.dimension == 2%}
                    <div class="page-header">
                        <h1>Formulario de Buenas Prácticas en Transferencia de Conocimiento</h3>
                    </div>
                    {%else%}
                    <div class="page-header">
                        <h3>Formulario de Buenas Prácticas en Compromiso Social</h3>
                    </div>
                    {%endif%}

                    <dl>
                        <dt>
                            Nombre de la Iniciativa
                        </dt>
                        <dd>
                            {{bp.iniciativa}}
                        </dd>
                    </dl>

                    <div class="control-group">
                        <table width="100%" cellpadding="10px" cellspacing="3px" >
                            <tr>
                                <th align="center">Fecha inicio:</th>
                                <td align="center">{{bp.fecha_desde}}</td>
                            </tr>
                            {% if bp.fecha_hasta %}
                            <tr>
                                <th align="center">Fecha concluido</th>
                                <td align="center">{{bp.fecha_hasta}}</td>
                            </tr>
                            {%endif%}
                        </table>
                    </div>

                    <dl>
                        <dt>
                            Descripción y Objetivo
                        </dt>
                        <dd>
                            {{bp.objetivo}}
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Ceración y Desarrollo
                        </dt>
                        <dd>
                            {{bp.desarrollo}}
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Gobernanza y Dependencia Institucional
                        </dt>
                        <dd>
                            <table border="5" ALIGN="CENTER" WIDTH="800px" CELLPADDING="8">
                                <tr ALIGN="CENTER">
                                    <th WIDTH="20%">Tipo</th>
                                    <th WIDTH="80%">Descipción</th>
                                </tr>
                                {% for g in bp.gobernanza.all %}
                                {%if g.tipo == 1 %}
                                <tr ALIGN="CENTER">
                                    <td>Ente Público</td>
                                    <td>{{g.descriptcion}}</td>
                                </tr>
                                {%else%}
                                <tr ALIGN="CENTER">
                                    <td>Ente Privado</td>
                                    <td>{{g.descriptcion}}</td>
                                </tr>
                                {%endif%}
                                {%endfor%}
                            </table>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Procesos o Fases que se siguen para gestionar adecuadamente esta actividad
                        </dt>
                        <dd>
                            {{bp.fases}}
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Gobernanza y Dependencia Institucional
                        </dt>
                        <dd>
                            <table border="5" ALIGN="CENTER" WIDTH="800px" CELLPADDING="8">
                                <tr ALIGN="CENTER">
                                    <th WIDTH="25%">Cantidad</th>
                                    <th WIDTH="75%">Grado Académico</th>
                                </tr>
                                {% for p in bp.participantes.all %}
                                <tr ALIGN="CENTER">
                                    <td>{{p.cantidad}}</td>
                                    <td>{{p.grado}}</td>
                                </tr>
                                {%endfor%}
                            </table>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Finaniación (Relación Coste-Beneficio)
                        </dt>
                        <dd>
                            <table border="5" ALIGN="CENTER" WIDTH="800px" CELLPADDING="8">
                                <tr ALIGN="CENTER">
                                    <th WIDTH="20%">Tipo</th>
                                    <th WIDTH="80%">Descipción</th>
                                </tr>
                                {% for f in bp.financiacion.all %}
                                {%if f.tipo == 1 %}
                                <tr ALIGN="CENTER">
                                    <td>Ente Público</td>
                                    <td>{{f.descriptcion}}</td>
                                </tr>
                                {%else%}
                                <tr ALIGN="CENTER">
                                    <td>Ente Privado</td>
                                    <td>{{f.descriptcion}}</td>
                                </tr>
                                {%endif%}
                                {%endfor%}
                            </table>
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Factores de Éxito
                        </dt>
                        <dd>
                            {{bp.factores}}
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Valoración sobre su impacto en la Universidad
                        </dt>
                        <dd>
                            {{bp.valoracion}}
                        </dd>
                    </dl>

                    <dl>
                        <dt>
                            Resultados / Indicadores Logrados
                        </dt>
                        <dd>
                            <ul>
                                {{indhtml | safe}}
                            </ul>
                        </dd>
                    </dl>

                </div><!-- Fin span9-->
            </div>
            <!-- Fin row -->
            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->
        <!-- JS files -->
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/jquery-1.10.2.min.js" %}"></script>
        {% load staticfiles %}
        <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </body>
</html>
